<template>
		<view>
			<cu-custom bgColor="bg-cyan" isBack>
				<block slot="content">开关选择器</block>
			</cu-custom>
			<view class="smart-padding-wrap">
				<view class="text">默认样式</view>
				<view class="">
					<switch checked @change="switchChange" />
					<switch @change="" />
				</view>
				<view class="text">CheckBox类型</view>
			<view class="">
				<switch type="CheckBox" />
			</view>
			<view class="uni-title">不同颜色</view>
			<view>
				<switch style="transform: scale(0.7);" checked color="#FFCC33" @change="switchChange"/>
				<switch style="transform: scale(0.7);" checked color="#FFCC33" @change="switch2Change"/>
			</view>
		</view>
		</view>
</template>

<script>
	export default{
		methods:{
			swichChange(e){
				console.log(`switch发生change事件，携带职位${e.detail.value}`);
			},
			swich2Change(e){
				console.log(`switch发生change事件，携带职位${e.detail.value}`);
			}
		}
	}
</script>

<style>
</style>
